---
import TagList from '@/components/TagList.astro'
import Highlight from '@/components/Highlight.astro'
import { getAllTags } from '@/utils/content'
import PageLayout from '@/layouts/PageLayout.astro'

const allTags = await getAllTags()
---

<PageLayout title="标签">
  <div class="max-w-[800px] mx-auto px-4 py-16">
    <header class="space-y-4 mb-8">
      <h1 class="text-4xl font-bold">
        <Highlight>标签云</Highlight>
      </h1>
      <p>共有 {allTags.length} 个标签。</p>
    </header>

    <TagList tags={allTags} />
  </div>
</PageLayout>
